.app {
    width: 100%;
    height: 100%;
    .head {
        background-color: #F5F5F5;
        height: 12.38rem;
        border-radius: 0rem 0rem 2.5rem 2.5rem;
        padding: 0 0.5rem;
        .top {
            display: flex;
            align-items: center;
            padding-top: 2rem;
            .img {
                width: 5.5rem;
                height: 5.5rem;
                border-radius: 50%;
                margin-right: 1rem;
            }
            .name {
                .text{
                    display: block;
                    font-size: 0.7rem;
                    color: #aea8a8;
                }
            }
        }
        .bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            .count {
                display: flex;
                align-items: center;
                justify-content: space-between;
                width: 40%;
                text-align: center;
                view {
                    :first-child {
                        font-size: 0.9rem;
                        color: #aea8a8;
                    }
                }
            }
            .update {
                border: 0.1rem black solid;
                width: 30%;
                text-align: center;
                border-radius: 1rem;
                cursor: pointer;
            }
        }
    }
    .card {
        display: flex;
        flex-wrap: wrap;
    }
    
}

